$(document).ready(function () {
    /*--------运费模板开始--------*/
    if ($('.odr-table').size() > 0 && !$('.template_edit_id').size()) {
        var tableObj = create_table();
        var htmlObj = $('.odr-table');
        //thObj.appendTo(tableObj);
        htmlObj.html(tableObj);
    }
    if($('.odr-table').size() > 0 && $('.template_edit_id').size()){
        var tableObj = create_table();
        var htmlObj = $('.odr-table');
        var key = $(this).attr('key');
        var thObj = create_th(key);
        tableObj = editTr(tableObj);
        thObj.appendTo(tableObj);
        htmlObj.html(tableObj);
    }

    function editTr(tableObj)
    {
        $.ajax({
            url: hostUrl()+'/tourismtemplet/ajax_template/' + $('.template_edit_id').val(),
            type: 'GET',
            dataType: 'json',
            success: function (data) {
                if(data.status == 1){
                    var templateList = data.data;
                    var len = templateList.length;
                    for(var i = 0;i<len;i++){
                        var key = (new Date()).valueOf() + parseInt(1000 * Math.random());
                        var tr = $('<tr>');
                        $('<td class="table-area-td"><input  class="table-area form-control " name="list[' + key + '][area]" value="'+templateList[i].area+'" id="' + key + '" placeholder="为指定地区城市设置运费"></td>').appendTo(tr);
                        $('<td><input type="text" name="list[' + key + '][first_unit]" value="'+templateList[i].first_unit+'"></td>').appendTo(tr);
                        $('<td><input type="text" name="list[' + key + '][first_price]" value="'+templateList[i].first_price+'"></td>').appendTo(tr);
                        $('<td><input type="text" name="list[' + key + '][add_unit]" value="'+templateList[i].add_unit+'"></td>').appendTo(tr);
                        $('<td><input type="text" name="list[' + key + '][add_price]" value="'+templateList[i].add_price+'"></td>').appendTo(tr);
                        $('<td class="td1 tem_del"><a href="javascript:;"> 删除</a></td>').appendTo(tr);
                        tr.appendTo(tableObj);
                    }
                }
            }
        });
        return tableObj;
    }
    $('.js-html').on('click', '.checkAll', function () {
        if ($(this).is(":checked") == false) {
            $(this).parents('li').find("input").prop("checked", false);
        } else {
            $(this).parents('li').find("input").prop("checked", true);
        }
    });
    $("input[name='methods']").click(function () {
        tableObj.html('');
        var key = $(this).attr('key');
        if (key == 1) {
            $('.weight').hide();
            $('.piece').show();
        } else {
            $('.weight').show();
            $('.piece').hide();
        }
        var thObj = create_th(key);
        thObj.appendTo(tableObj);
        htmlObj.html(tableObj);
    });

    //创建表单
    function create_table() {
        var tableObj = $('<table class="table table-bordered">');
        return tableObj;
    }

    //创建列表头
    function create_th(key) {
        if (key == 1) {
            var unit = '件';
            var piece = '件'
        } else {
            var piece = '重'
            var unit = '公斤';
        }
        var tr = $('<tr>');
        $('<th>运送到</th>').appendTo(tr);
        $('<th>首' + piece + '(' + unit + ')</th>').appendTo(tr);
        $('<th>首费（元）</th>').appendTo(tr);
        $('<th>续' + unit + '(' + unit + ')</th>').appendTo(tr);
        $('<th>续费（元）</th>').appendTo(tr);
        $('<th>操作</th>').appendTo(tr);
        return tr;
    }

    function create_tr() {
        var key = (new Date()).valueOf() + parseInt(1000 * Math.random());
        var tr = $('<tr>');
        $('<td class="table-area-td"><input  class="table-area form-control required " name="list[' + key + '][area]" id="' + key + '" placeholder="为指定地区城市设置运费"></td>').appendTo(tr);
        $('<td><input type="text required" name="list[' + key + '][first_unit]" ></td>').appendTo(tr);
        $('<td><input type="text required" name="list[' + key + '][first_price]" ></td>').appendTo(tr);
        $('<td><input type="text required" name="list[' + key + '][add_unit]" ></td>').appendTo(tr);
        $('<td><input type="text required" name="list[' + key + '][add_price]" ></td>').appendTo(tr);
        $('<td class="td1 tem_del"><a href="javascript:;"> 删除</a></td>').appendTo(tr);
        tr.appendTo(tableObj);
    }

    $('.odr-table').on('focus', '.table-area', function () {
        $(':input[type=checkbox]').prop("checked", false);
        var key = $(this).attr('id');
        $('.js-html').attr('data-key', key);
        var box = $(this).val();
        var check = new Array();
        check = box.split(',');
        $(':input[type="checkbox"]').each(function () {
            if (box.indexOf($(this).val()) >= 0) {
                $(this).prop("checked", true);
            }
        });
        $(".js-html").css({top: getTop(this) + 30 + "px", left: getLeft(this) + "px"}).show();
    });
    $('.order').on('click', 'a', function () {
        create_tr();
        down();
    });
    $('div .odr-table').on('click', '.tem_del', function () {
        $(this).parent('tr').remove();
        down();
    });
    $('.js-html').on('click', '.btn-info', function () {
        var pausedCause = '';
        $(':input[type=checkbox]').each(function () {
            if ($(this).is(':checked') && !$(this).hasClass('checkAll')) {
                pausedCause += this.value + ',';
            }
        });
        var key = $('.js-html').attr('data-key');
        $('#' + key).val(pausedCause);
        $(':input[type=checkbox]').prop("checked", false);
        down();
    });
    /*--------运费模板结束--------*/
});
function down() {
    $(".js-html").hide();
}
//获取元素的纵坐标
function getTop(e) {
    var offset = e.offsetTop;
    if (e.offsetParent != null) offset += getTop(e.offsetParent);
    return offset;
}
//获取元素的横坐标
function getLeft(e) {
    var offset = e.offsetLeft;
    if (e.offsetParent != null) offset += getLeft(e.offsetParent);
    return offset;
}
